<!doctype html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="__STATIC__/layui/css/layui.css">
    <style>
        .layedit-tool-image input{
                font-size: 10px;
        }
    </style>
</head>
<body>

{include file="public/header"}



<div class="content">
    <div class="main-wrap">
        <form action="{:url('edit')}" class="parsley-validate" enctype="multipart/form-data" method="post">
            <input type="text" value="{$data['id']}" hidden name="id">
            <div class="form-group-col-2">
                <div class="form-label">新闻标题:</div>
                <div class="form-cont">
                    <input type="text" name="news_title" value="{$data['news_title']}"  placeholder="新闻标题..." class="form-control form-boxed"   />
                </div>
            </div>
            <div class="form-group-col-2">
                <div class="form-label">新闻简介:</div>
                <div class="form-cont">
                    <input type="text" name="news_brief" value="{$data['news_brief']}"  placeholder="新闻简介..." class="form-control form-boxed"   /><span style="color:#ccc">(50字以内)</span>
                </div>
            </div>
            <div class="form-group-col-2">
                <div class="form-label">新闻内容:</div>
                <div class="form-cont">
                </div>
            </div>

             <!-- 编辑器 -->
            <script id="container" name="content" type="text/plain">
                {$data['news_content']}
            </script>
            <div class="form-group-col-2">
                <div class="form-label">作者:</div>
                <div class="form-cont">
                    <input type="text" name="author" value="{$data['author']}"  placeholder="作者" class="form-control form-boxed"   />
                </div>
            </div>


            <div class="form-group-col-2">
                <div class="form-label">banner状态:</div>
                <div class="form-cont">
                    <input type="text" name="banner_statuid" value="{$data['banner_statuid']}"  placeholder="状态...1显示0隐藏" class="form-control form-boxed"   />
                </div>
            </div>

            <div class="form-group-col-2">
                <div class="form-label">新闻状态:</div>
                <div class="form-cont">
                    <input type="text" name="news_statuid" value="{$data['news_statuid']}"  placeholder="状态...1正常0失效" class="form-control form-boxed"   />
                </div>
            </div>

            <div class="form-group-col-2">
                <div class="form-label">是否头条:</div>
                <div class="form-cont">
                    <input type="text" name="headlines" value="{$data['headlines']}"  placeholder="状态...1头条0非头条" class="form-control form-boxed"   />
                </div>
            </div>




            <div class="form-group-col-2">
                <div class="form-label"></div>
                <div class="form-cont">
                    <input type="submit" class="btn btn-primary" value="保存"/>
                </div>
            </div>

        </form>
    </div>
</div>


<!--form validation js -->
<script src="__STATIC__/js/common/jquery.js"></script>
<script src="__STATIC__/js/parsley.js"></script>
<script src="__STATIC__/js/zh_cn.js"></script>
<script src="__STATIC__/layui/layui.js"></script>
<!-- 配置文件 -->
    <script type="text/javascript" src="__STATIC__/js/ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="__STATIC__/js/ueditor.all.js"></script>
    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        // $(document).ready(function() {
            var ue = UE.getEditor('container');
        // };
    </script>
<script>
    $('.parsley-validate').parsley();//调用parsley表单验证插件
</script>
<!--新闻图预览及上传-->
<script>
    $("#file0").change(function(){
        // getObjectURL是自定义的函数，见下面
        // this.files[0]代表的是选择的文件资源的第一个，因为上面写了 multiple="multiple" 就表示上传文件可能不止一个
        // ，但是这里只读取第一个
        var objUrl = getObjectURL(this.files[0]) ;
        // 这句代码没什么作用，删掉也可以
        // console.log("objUrl = "+objUrl) ;
        if (objUrl) {
            // 在这里修改图片的地址属性
            $("#img0").attr("src", objUrl) ;
        }
    }) ;
    //建立一個可存取到該file的url
    function getObjectURL(file) {
        var url = null ;
        // 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
        if (window.createObjectURL!=undefined) { // basic
            url = window.createObjectURL(file) ;
        } else if (window.URL!=undefined) { // mozilla(firefox)
            url = window.URL.createObjectURL(file) ;
        } else if (window.webkitURL!=undefined) { // webkit or chrome
            url = window.webkitURL.createObjectURL(file) ;
        }
        return url ;
    }

</script>
<!--banner图预览及上传-->
<script>
    $("#file1").change(function(){
        // getObjectURL是自定义的函数，见下面
        // this.files[0]代表的是选择的文件资源的第一个，因为上面写了 multiple="multiple" 就表示上传文件可能不止一个
        // ，但是这里只读取第一个
        var objUrl = getObjectURL(this.files[0]) ;
        // 这句代码没什么作用，删掉也可以
        // console.log("objUrl = "+objUrl) ;
        if (objUrl) {
            // 在这里修改图片的地址属性
            $("#img1").attr("src", objUrl) ;
        }
    }) ;
    //建立一個可存取到該file的url
    function getObjectURL(file) {
        var url = null ;
        // 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
        if (window.createObjectURL!=undefined) { // basic
            url = window.createObjectURL(file) ;
        } else if (window.URL!=undefined) { // mozilla(firefox)
            url = window.URL.createObjectURL(file) ;
        } else if (window.webkitURL!=undefined) { // webkit or chrome
            url = window.webkitURL.createObjectURL(file) ;
        }
        return url ;
    }



    /*文本编辑器*/
    $(document).ready(function() {
        layui.use('layedit', function(){
        var layedit = layui.layedit;
　　      //上传图片接口：注意：layedit.set 一定要放在 build前面，否则配置全局接口将无效
        layedit.set({
            uploadImage: {
                url: "{:url('news/upload')}", //接口url
                type: 'post', //默认post
                success:function(data){
                    console.log(data);
                }
            }
        });
        //创建编辑器
        layedit.build('demo'),{
            width:850,
            height: 500 //设置编辑器高度
        }; //建立编辑器

        });
    });

</script>
</body>
</html>